<script setup lang="ts"></script>

<template>
  <el-card class="PCDTShows_m1" body-class="PCDTShows_m1_body">
    <template #header> 查询结果 </template>
    <el-space
      direction="vertical"
      :prefix-cls="'PCDTShows_sp1_item'"
      class="PCDTShows_sp1"
    >
      <slot name="cards"></slot>
    </el-space>
  </el-card>
</template>

<style scoped>
.PCDTShows_m1 {
  width: 90%;
  height: 90%;
  margin: auto;
  background-image: radial-gradient(circle, #ecf5ff, #545c64);
}

.PCDTShows_sp1 {
  width: 100%;
}

/* 式样穿透 的用法 */
::v-deep .PCDTShows_sp1_item__item {
  width: 100%;
}
</style>
